{template header}
<!--banner-->
<div class="container-fluid banner-bg">
    <a href="#company">
        <div class="container"><img src="{SITE_THEME}images/banner-{$catid}.png" class="img-responsive"
                                    style="margin: 0 auto;"></div>
    </a>
</div>
<div class="container">
    <!--left nav-->
    <ul class="col-lg-2 left-bar">
        <li>{$catname}</li>
        {php $_catname=getCatNav($catid);}
        {php $i=0;}
        {loop $_catname $c}
        <li {if $i==0}class="active"{/if}><a href="#{word2pinyin($c['catname'])}">• {$c['catname']}</a></li>
        {php $_catid[]=$c['catid'];}
        {php $anchor[]=$c['catname'];}
        {php $i++;}
        {/loop}
    </ul>
    <!--$i 控制ul $j 控制样式-->
    <!--catpos-->
    <ul class="list col-lg-10" id="{word2pinyin($anchor[0])}">
        <li class="col-xs-12 top-bar">
            当前位置：<a href="{SITE_PATH}">首页</a> > {catpos($catid, ' &gt;&nbsp;&nbsp;')}
        </li>
    </ul>
    <!--公司注册-->
    <ul class="list col-lg-10">
        {php $j=1;}
        {list catid=$_catid[0] order=listorder_asc more=1}
        <li class="no-padding col-lg-3 col-xs-6">
            <dl class="circle-list {if $j%2==1}boder-corcle-o{else}boder-corcle-t{/if}">
                <dt class="col-xs-12 no-padding"><img src="{SITE_THEME}images/company-circle-0{$j++%4}.jpg" class="img-responsive"></dt>
                <dd class="col-xs-12 no-padding">
                    <h4 style="{if $j%2==1}color: #4dbec6;{/if}">{if strlen($t['title'])>18}{substr($t['title'],0,18)}...{else}{$t['title']}{/if}</h4>
                    <div class="footer-line" style="{if $j%2==1}border-color: #4dbec6;{/if}"></div>
                    <p>{strcut($t['description'],'63')}</p>
                    <p class="ib-price"><span></span><span>¥ {$t['jiage']}</span><span style="{if $j%2==1}color: #f91020;{/if}">{$t['danwei']}</span></p>
                    <a href="{$t['url']}" style="{if $j%2==1}background-color: #4dbec6;{/if}">查看详情</a>
                </dd>
            </dl>
        </li>
        {/list}
    </ul>
</div>
{if $_catid[1] ==31}
{php $_catid[2] = $_catid[1];}
{php $anchor[2] = $anchor[1];}
{php unset($_catid[1]);}
{/if}
{if $_catid[1]}
{list catid=$_catid[1] num=1 order=listorder_asc more=1}
<div class="container-fluid banner-bg banner-bg-t list" id="{word2pinyin($anchor[1])}" >
    <div class="container"><img src="{$t['thumb']}" class="img-responsive" style="margin: 0 auto;">
    </div>
</div>
{/list}
{/if}
{if $_catid[2]}

<div class="container" id="{word2pinyin($anchor[2])}">
    <div class="col-xs-10 border-title">
        <h3>您可能需要办理的业务</h3>
    </div>
</div>
<ul class="list container">
    {php $j=1;}
    {list catid=$_catid[2] num=8 order=listorder_asc more=1}
    <li class="no-padding col-lg-3 col-xs-6">
        <dl class="circle-list bule-br-box">
            <dt class="col-xs-12 no-padding"><img src="{SITE_THEME}images/company-detail-0{$j++}.jpg" class="img-responsive"></dt>
            <dd class="col-xs-12 no-padding">
                <h4 class="blue-font">{strcut($t['title'],'14')}</h4>
                <div class="footer-line blue-br" ></div>
                <p>{strcut($t['description'],'63')}</p>
                <p class="ib-price"><span></span><span>¥ {$t['jiage']}</span><span style="color: #f91020;">{$t['danwei']}</span></p>
                <a href="{$t['url']}" class="blue-bg">查看详情</a>
            </dd>
        </dl>
    </li>
    {/list}

</ul>
{/if}
{template footer}

<script>
    $(".left-bar li").click(function () {
//        $(".left-bar li").toggleClass('active');
        $(".left-bar li").removeClass('active');
        $(this).addClass('active');
    });
</script>